<template>
  <div class="home">
    <item title="基础组件">
        <menuButton title="button 按钮" to="button"></menuButton>
        <menuButton title="icon 图标" to="icon"></menuButton>
        <menuButton title="Loading 加载" to="loading"></menuButton>
    </item>

    <item title="布局组件">
        <menuButton title="header 导航" to="header"></menuButton>
    </item>
  </div>
</template>

<script>
import Item from '../components/Item.vue';
import menuButton from "../components/MenuButton.vue";

export default {
  name: 'Home',
  components: {
    Item,
    menuButton
  },
  created:function () {
      this.$emit('header', false);
  }
}
</script>
